<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>租车列表页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="Keywords" content="sofangche" />
		<!-- 引入Bootstrap框架 -->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入全局css -->
		<link rel="stylesheet" type="text/css" href="/pcsofangche/common/allcss/stander.css" />
		<!-- 引入全局js -->
		<script src="/pcsofangche/common/alljs/stander.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="/pcsofangche/rent/rentlist/rentlist.css"/>
		<!-- 引入页面js -->
		<script src="/pcsofangche/rent/rentlist/rentlist.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入日历控件 -->
		<link rel="stylesheet" type="text/css" href="/pcsofangche/source/calendar/css/style.css"/>
		<script src="/pcsofangche/source/calendar/js/Ecalendar.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/pcsofangche/source/calendar/js/calendar.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="rentlist_head">
			<div class="rentlist_head_topone"></div>
			<div class="rentlist_head_toptwo"></div>
			<div class="rentlist_head_content"></div>
		</div>
		<div class="rentlist_chooseback"></div>
		<div class="container">
			<div class="rentlist_choose">
				<div class="row">
					<div class="col-lg-4 col-md-4 rentlist_choose_left">
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">取车城市</div>
							<input type="text" class="rentlist_choose_left_item_two" value="" id="chooseGocity"/>
						</div>
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">还车城市</div>
							<input type="text" class="rentlist_choose_left_item_two" value="" id="chooseBackcity"/>
						</div>
						<div class="rentlist_choose_left_item_city hidden"></div>
					</div>
					<div class="col-lg-4 col-md-4 rentlist_choose_center">
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">取车日期</div>
							<input type="text" class="rentlist_choose_left_item_two ECalendar" value="2018-2-10 09:00" id="chooseGotime"/>
						</div>
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">还车日期</div>
							<input type="text" class="rentlist_choose_left_item_two ECalendar" value="2018-2-10 09:00" id="chooseBacktime"/>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 rentlist_choose_right">
						<input type="button"  id="" value="立即选车" class="normalb rentlist_choose_right_b"/>
					</div>
				</div>
			</div>
			<div class="rentlist_content">
				<div class="row">
					<div class="rentlist_content_left col-lg-3 col-md-3">
						<div class="rentlist_content_left_title">变速器</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">手动挡</div>
							<div class="rentlist_content_left_item_item">自动挡</div>
						</div>
						<div class="rentlist_content_left_title">燃油类型</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">汽油</div>
							<div class="rentlist_content_left_item_item">柴油</div>
						</div>
						<div class="rentlist_content_left_title">驱动形式</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">四驱</div>
							<div class="rentlist_content_left_item_item">两驱</div>
						</div>
						<div class="rentlist_content_left_title">荷载人数</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">4人</div>
							<div class="rentlist_content_left_item_item">5人</div>
							<div class="rentlist_content_left_item_item">6人</div>
						</div>
						<div class="rentlist_content_left_title">床位数量</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">2床</div>
							<div class="rentlist_content_left_item_item">3床</div>
							<div class="rentlist_content_left_item_item">4床</div>
							<div class="rentlist_content_left_item_item">5床</div>
						</div>
					</div>
					<div class="rentlist_content_right col-lg-9 col-md-9">
						<div class="rentlist_content_right_up">
							<div class="row">
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item">综合排序</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item">销量</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item">价格</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item"></div>
							</div>
						</div>
						<div class="rentlist_content_right_down">
							<div class="rentlist_content_right_down_item">
								<div class="row">
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_icon">
										<img src="" alt="carpicture" class="img-response rentlist_content_right_down_item_icon_posi" />
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_title">
										<div class="rentlist_content_right_down_item_title_up">凯伦宾威</div>
										<div class="rentlist_content_right_down_item_title_down clearfix">
											<div class="rentlist_content_right_down_item_title_down_icon">
												<img src="" alt="" class="img-response rentlist_content_right_down_item_title_down_icon_posi" />
											</div>
											<div class="rentlist_content_right_down_item_title_down_pick">取车城市</div>
											<div class="rentlist_content_right_down_item_title_down_city">深圳</div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_detail">
										<div class="rentlist_content_right_down_item_detail_content">
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_hezairengshu25.18.jpg" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone">荷载</div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">5</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_biansuqi19.25.jpg" alt="" class="img-response  rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone"></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">自动挡</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_cheliangpinpai25.16.jpg" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone"></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">C1驾照</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_chuangwei25.20.jpg	" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone">床位</div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">2</div>
											</div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_detail">
										<div class="rentlist_content_right_down_item_detail_content">
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_youhao23.24.jpg" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone">油耗</div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">10L/100</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_ranyou21.25.jpg" alt="" class="img-response  rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone"></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">柴油</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_liangqu25.25.jpg" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordone"></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">两驱</div>
											</div>
											<div class="rentlist_content_right_down_item_detail_content_item clearfix">
												<!--<div class="rentlist_content_right_down_item_detail_content_item_icon"><img src="/pcsofangche/rent/rentlist/img/rentlist_icon_chuangwei25.20.jpg	" alt="" class="img-response rentlist_content_right_down_item_detail_content_item_icon_posi" /></div>-->
												<div class="rentlist_content_right_down_item_detail_content_item_wordone"></div>
												<div class="rentlist_content_right_down_item_detail_content_item_wordtwo">1.9m*1.3m 2m*1.2m 2m*1.2m</div>
											</div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_price">
										<div class="rentlist_content_right_down_item_price_content clearfix">
											<div class="rentlist_content_right_down_item_price_content_three">起</div>
											<div class="rentlist_content_right_down_item_price_content_two">9999</div>
											<div class="rentlist_content_right_down_item_price_content_one">¥</div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_b">
										<input type="button" value="租车" class="normalb rentlist_content_right_down_item_b_posi pull-right" data-rentcarid = "0"/>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<div class="rentlist_foot"></div>
		<div class="rentlist_slide"></div>
	</body>
</html>
